HTML 3.0 Feature Test

Paragraph Alignment

This paragraph should be aligned to the right hand side of the window. Hopefully there is enough text here that at least one line-wrap occurs.

This paragraph should be aligned to the centre of the window. Hopefully there is enough text here that at least one line-wrap occurs.

Yet another style of paragraph alignment. If there are any more of these then I think I might just scream! Hopefully there is enough text here that at least one line-wrap occurs.

This paragraph does not fold spaces. That is there should be several spaces between the chevrons >>> <<<.

This paragraph mimics nofolding spaces by use of  . That is there should be several spaces between the chevrons >>> <<<.

Different Paragraph Styles

This paragraph is my address
Tony Jebson
aj@wg.icl.co.uk

This section aims to test long quotes, abstracts, bylines, and notes. With any luck I'll finish this soon and be able to do some real work. By the way, this paragraph is an abstract!

A normal paragraph, just for the fun of it, and to precede the quote below, so any style difference can be seen.

This should be a long quote, hopefully I can type enough text that is covers more than one line. But then again, I might just get bored with all this typing!

Presentation Tags

In this paragraph, key words will be in the presentation style corresponding to the word. This is italic. This is bold. This is underlined. This is ~~strike through~~. This is ^superscript. This is _subscript. This is fixed pitch. This is big, and this is small. Now let's test line-breaks:
This should be on a line of its own
and this starts on another line.

Generic Emphasis

This is emphasised. This is strongly emphasised.

Logical Emphasis

A short quote: to be or not to be, that is the question. A citation: Bloggs, F. (1999), A title, ACME Publishing. A person: Albert Einstein. An acronym: NATO. An abbreviation: v.aux. Something the user must type: response. A variable: filename. The defining instance of a term: Definition. A code sample: some code. A sample of something: a sample. Something marked as "AU": this is marked as "au".

ISO Latin 1 Characters

Æ ==> Æ
Á ==> Á
Â ==> Â
À ==> À
Å ==> Å
Ã ==> Ã
Ä ==> Ä
Ç ==> Ç
Ð ==> Ð
É ==> É
Ê ==> Ê
È ==> È
Ë ==> Ë
Í ==> Í
Î ==> Î
Ì ==> Ì
Ï ==> Ï
Ñ ==> Ñ
Ó ==> Ó
Ô ==> Ô
Ò ==> Ò
Ø ==> Ø
Õ ==> Õ
Ö ==> Ö
Þ ==> Þ
Ú ==> Ú
Û ==> Û
Ù ==> Ù
Ü ==> Ü
Ý ==> Ý
á ==> á
â ==> â
æ ==> æ
à ==> à
' ==> '
å ==> å
&ast; ==> *
ã ==> ã
ä ==> ä
¦ ==> ¦
ç ==> ç
¢ ==> ¢
&colon; ==> :
, ==> ,
&commat; ==> @
© ==> ©
° ==> °
&dollar; ==> $
é ==> é
ê ==> ê
è ==> è
&emsp; ==>
&ensp; ==>
= ==> =
ð ==> ð
ë ==> ë
&excl; ==> !
½ ==> ½
¼ ==> ¼
¾ ==> ¾
&frac18; ==> ⅛
&frac38; ==> ⅜
&frac58; ==> ⅝
&frac78; ==> ⅞
> ==> >
&half; ==> ½
&hyphen; ==> ‐
í ==> í
î ==> î
¡ ==> ¡
ì ==> ì
¿ ==> ¿
ï ==> ï
« ==> «
( ==> (
[ ==> [
< ==> <
— ==> —
µ ==> µ
· ==> ·
  ==>
– ==> –
¬ ==> ¬
ñ ==> ñ
ó ==> ó
ô ==> ô
ò ==> ò
ø ==> ø
õ ==> õ
ö ==> ö
¶ ==> ¶
&percnt; ==> %
&period; ==> .
+ ==> +
± ==> ±
£ ==> £
&quest; ==> ?
" ==> "
» ==> »
® ==> ®
) ==> )
] ==> ]
§ ==> §
&semi; ==> ;
 ==>
¹ ==> ¹
² ==> ²
³ ==> ³
ß ==> ß
þ ==> þ
&tilde; ==> ˜
™ ==> ™
ú ==> ú
û ==> û
ù ==> ù
ü ==> ü
ý ==> ý
¥ ==> ¥
ÿ ==> ÿ
| ==> |
& ==> &

Annotations

This paragraph has a footnote here. This sentence should appear as some kind of hypertext link. There should be no words between the word "here" and the start of this sentence.

This paragraph has a marginal note that a note should appear alongside the paragraph.

Horizontal Rules

There should be a horizontal ruled line between this paragraph...

....and this one. Now let's try an note or two:

Notes

This note has role set to simple.... This note is a note.... This note is a caution.... This note is a warning.... This note with a custom gif (warning.gif)....

Lists

OK, let's try some lists now! We have tested a basic <dl>, so let's try an unordered list.

<ul type=disc>

An LH element

A default (disc) LI element
A custom LI element -- reddot.gif
A label LI element -- &folder;
A default (disc) LI element

<ul type=circle>

A default (circle) LI element
A custom LI element -- reddot.gif
A default (circle) LI element

<ul type=square>

A default (square) LI element
A custom LI element -- reddot.gif
A default (square) LI element

<ul type=custom bullet="reddot.gif">

A default (reddot.gif) LI element

Now let's try some ordered lists:

<ol type=arabic>

LI element 1
LI element 2 -- skip=3
LI element 6

<ol type=upperalpha>

LI element A
LI element B -- skip=3
LI element F

<ol type=loweralpha>

LI element a
LI element b -- skip=3
LI element f

<ol type=upperroman>

LI element I
LI element II -- skip=3
LI element VI

<ol type=lowerroman>

LI element i
LI element ii -- skip=3
LI element vi

<ol type=arabic start=2> with nested lists of various types

LI element 2
1. LI element 2.1
2. LI element 2.2 -- skip=3
3. LI element 2.6
LI element 3
1. LI element 3.A
2. LI element 3.B -- skip=3
3. LI element 3.F
LI element 4
1. LI element 4.a
2. LI element 4.b -- skip=3
3. LI element 4.f
LI element 5
1. LI element 5.I
2. LI element 5.II -- skip=3
3. LI element 5.VI
LI element 6
1. LI element 6.i
2. LI element 6.ii -- skip=3
3. LI element 6.vi

Headings

H1 align=left

H1 align=center

H1 align=right

H1 align=justify

H2 align=left

H2 align=center

H2 align=right

H2 align=justify

H3 align=left

H3 align=center

H3 align=right

H3 align=justify

H4 align=left

H4 align=center

H4 align=right

H4 align=justify

H5 align=left

H5 align=center

H5 align=right

H5 align=justify

H6 align=left

H6 align=center

H6 align=right

H6 align=justify

Maths

OK, let's start with something easy: $E = mc^2^$ .

: $s = ut + at^2^2$
: $int uv dx = u. int v dx - int du dx . int v dx dx$
: $y = int_a_^b^f(x) dx$
: $y = int_0_^&inf;^f(x) dx$
: $y = {x + y^2^}$
: $y = sum_i=1_^j^f(x_i_)$
: $y = {&pd;f(x) &pd;z} + x^2^$
: $y = sin θ$
: $y = 01234567891011$

Tables

To be supplied...

Tony Jebson <aj@wg.icl.co.uk> 1/12/94